body {
	background-color: #F5F6FE;
	padding-bottom: 5em;
    padding-top: 3em;
}

.head {
	width: 100%;
	background-color: #FFFFFF;
	padding: 0.4em 0;
	border-bottom: 1px solid #D2D2D2;
}

.title {
	width: 95%;
	margin: 0 auto;
}

.title >div{
	float: left;
	height: 3em;
	line-height: 3em;
}

.title >div>span{
	font-size: 1.1em;
}

.title >div:nth-of-type(3) >button{
	width: 100%;
	height: 1.8em;
	text-align: center;
	border: 0;
	background: #00A3E4;
	color: white;
	margin-top: 0em;
	border-radius: 4px;
}

.title >div:nth-of-type(1){
	width: 50%;
}

.title >div:nth-of-type(2){
	width: 35%;
}

.title >div:nth-of-type(3){
	float: right;
	width: 12%;
}

.title >div:nth-of-type(1)>input{
	width: 52%;
}

.title >div:nth-of-type(2)>select{
	width: 60%;
}

.part {
	width: 94%;
	background-color: white;
	border-radius: 4px;
	margin: 1em auto 0;
	border: 1px solid #D2D2D2;
}

.partTop{
	padding: 0.2em 0.4em;
}

.partTop>div{
	line-height: 1.8em;
}

.liList>div:first-child{
	float: left;
	width: 70%;
}

.liList>div:first-child>span,.liList>div:last-child>span{
	font-size: 0.8em;
}

.liList>div:last-child{
	float: right;
	width: 26%;
	text-align: right;
}

.stateBlue{
	color: #00A3E4;
}

.stateGreen{
	color: #5AF18D;
}

.stateRed{
	color: #F03236;
}

.partBottom{
	line-height: 3em;
	display: flex;
	border-top: 2px solid #d2d2d2;
}

.partBottom>a{
	display: block;
	flex: 1;
	text-align: center;
}

.partBottom>a>img{
	width: 1em;
	height: 1em;
}

.partBottom>div{
	flex: 1;
	text-align: center;
}

.voidImg{
	margin-right: 0.2em;
	width: 1.1em;
	height: 1.1em;
}

.bottom{
	position: fixed;
	bottom: 0;
	background: white;
	width: 100%;
	padding: 0.4em 0;
}

.bottom>ul{
	width: 100%;
	display: flex;
}

.bottom>ul>li{
	flex: 1;
	text-align: center;
}

.bottom>ul>li>img{
	width: 1.5em;
	height: 1.5em;
	display: block;
	margin: 0 auto 0.2em;	
}